<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8"/>
    <title>装箱单</title>
    <style>
        @page {
            size: 148mm 210mm; /*设置纸张大小:A5(148mm 210mm)、A4(210mm 297mm)、A3(297mm 420mm) 横向则反过来*/
            margin: 0.25in;
            padding: 1em;
            @bottom-center{
                content:"@linkhub 版权所有";
                font-family: SimSun;
                font-size: 12px;
                color:#000;
            };
            @top-center { content: element(header) };
            @bottom-right{
                content:"第" counter(page) "页  共 " counter(pages) "页";
                font-family: SimSun;
                font-size: 12px;
                color:#000;
            };
        }
    </style>
</head>
<body style="font-family: 'SimSun'">
<div style="overflow:hidden;margin-top: 25px;">
    <img src="${order.logoUrl}" width="50" height="50" style="float:left;"/>
    <div style="float:right;">
        <div><strong>Order# ${order.orderNumber}</strong></div>
        <div style="margin-top: 10px;"><strong>${order.createdAt}</strong></div>
    </div>
</div>
<hr style="margin-top: 25px;"/>
<div>
    <table style="width:100%;border-collapse:separate; border-spacing:0px 10px;">
        <tr>
            <th style="width:10%;text-align:center;">ITEMS</th>
            <th style="width:80%;"></th>
            <th style="width:10%;text-align:center;">QUANTITY</th>
        </tr>
        <#list order.orderProducts as product>
            <tr>
                <td style="text-align:center;"><img src="${product.imgUrl}" width="30" height="30"/></td>
                <td>${product.productEnTitle}</td>
                <td style="text-align:center;">${product.currentQuantity}</td>
            </tr>
        </#list>
    </table>
</div>
<hr/>
<div style="width: 100%;text-align: center;margin-top: 50px;">Thank you for shopping with us!</div>
<div style="width: 100%;text-align: center;margin-top: 30px;">${order.shopName}</div>
</body>
</html>